﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../Portal/icons/font-icons.min.css">
    <link rel="stylesheet" type="text/css" href="../../Portal/icons/icons.css">
    <link rel="stylesheet" type="text/css" href="../../Portal/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../../Portal/layui/css/customer.css">
    <script src="../../Scripts/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../../Portal/js/vue/vue.js"></script>

    <link href="../../Scripts/layui/layui/css/layui.css" rel="stylesheet" />
    <script src="../../Scripts/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="../../Scripts/layui/layui/layui.js" type="text/javascript"></script>
    <script src="../../Scripts/layui/LayuiDialog.js" type="text/javascript"></script>

    <!--- 引入代码. -->
    <script src="../../Scripts/config.js" type="text/javascript"></script>
    <script src="../../Scripts/QueryString.js" type="text/javascript"></script>
    <script src="../../Comm/Gener.js" type="text/javascript"></script>


    <script type="text/javascript" src="../../Portal/js/sortjs/Sortable.min.js"></script>

    <style>
        body {
            margin: 10px;
        }

        [v-cloak] {
            display: none;
        }

        .drag-class {
            border: 1px solid #2D93CA !important;
            background: white !important;
        }

        .menus-wrapper {
            left: 0px;
        }

        .layui-side-menu .layui-nav {
            margin-top: 0px;
        }

        .g-admin-pagetabs {
            top: 0px;
        }

        .g-admin-layout .layui-body {
            top: 40px;
        }

        .layui-side-menu .layui-side-scroll {
            background-color: white;
        }

        .layui-side-menu .layui-nav .layui-nav-item a {
            color: #5f626e;
            height: 30px;
            line-height: 30px;
            display: flex;
            align-items: center;
        }

        .ocside {
            position: absolute;
            left: 200px;
            top: 50%;
            transition: all .1s ease-in 0ms;
            z-index: 9999
        }

            .ocside a {
                display: block;
                border-radius: 50%;
                text-align: center;
                width: 40px;
                height: 40px;
                line-height: 40px;
                border: 1px solid #efefef;
                background: #fff;
            }

                .ocside a:hover {
                    background: #009688;
                    color: #fff;
                    border-color: #009688
                }

        .g-admin-sidebar-fold .g-admin-pagetabs, .g-admin-sidebar-fold .g-admin-layout .layui-body, .g-admin-sidebar-fold .g-admin-layout .layui-footer, .g-admin-sidebar-fold .g-admin-layout .g-layout-left {
            left: 15px;
        }
    </style>


    <style id="layout-data">
    </style>
</head>

<body class="layui-layout-body">

    <div id="g-app-main" v-cloak>
        <div :class="sideBarOpen?'':'g-admin-sidebar-fold'">
            <!--layUi layout start-->
            <div class="layui-layout g-admin-layout">
                <!-- header -->
                <div class="ocside" :style="sideBarOpen?'':'left:15px;transition: all .1s ease-in 0ms;'">
                    <a href="javascript:void(0)" title="侧边栏" @click="resizeSideBar">
                        <i :class="sideBarOpen?'layui-icon layui-icon-left':'layui-icon layui-icon-right'"></i>
                    </a>
                </div>
                <div class="layui-side layui-side-menu" :style="sideBarOpen?'':'width:15px'">
                    <div class="layui-side-scroll">
                        <div class="menus-wrapper">

                            <ul class="layui-nav layui-nav-tree" ref="sort-tree" :style="sideBarOpen?'':'width:15px'">

                                <li v-for="(item,index) in menuTreeData" class="layui-nav-item" :data-id="item.No"
                                    :data-no="item.No"
                                    :data-idx="index" :data-name="item.Name" :class="calcClassList(item,1)">
                                    <!--                                <a href="javascript:void(0)" @click="foldMenus(subMenuData.children,item,$event)">-->
                                    <a href="javascript:void(0)" @click="item.open = !item.open" style="font-weight:700">
                                        <i :class="item.Icon"></i>
                                        <cite style="margin-left:8px">{{item.Name}}</cite>
                                        <span class="layui-nav-more">
                                            <i :class="item.open?'fa fa-angle-down':'fa fa-angle-right'"></i>
                                        </span>
                                    </a>
                                    
                                    <dl v-show="Array.isArray(item.children) &&  item.open"
                                        ref="sort-tree-child" style=" background:#fbf9f9">
                                        <dd v-for="(it,idx) in item.children" :data-id="it.No" :data-pid="item.No"
                                            :data-no="it.No" :data-name="it.Title" :data-pidx="index" :data-idx="idx"
                                            :class="calcClassList(item,2)" @click.right.stop>

                                            <a @click="openTabByMenu(it),selectedId = it.No"
                                               :class="{'layui-this': it.No === selectedId}"
                                               style="padding-left: 45px;cursor: pointer;">
                                                <i :class="it.Icon"></i>
                                                <span style="margin-left: 8px;">{{it.Title}}</span>
                                            </a>
                                        </dd>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- tabs -->
                <div class="g-admin-pagetabs" @click.right.prevent="openTabDropdownMenu" @mouseleave="closeDropdown">
                    <div class="layui-icon g-admin-tabs-control layui-icon-prev" @click="toLeftPage"></div>
                    <div class="layui-icon g-admin-tabs-control layui-icon-next" @click="toRightPage"></div>
                    <div class="layui-icon g-admin-tabs-control layui-icon-down"
                         @click="showPagesAction = !showPagesAction">
                        <ul class="layui-nav g-admin-tabs-select">
                            <li class="layui-nav-item">
                                <a href="javascript:void(0)"><span class="layui-nav-more"></span></a>
                                <dl class="layui-nav-child layui-anim-fadein layui-anim layui-anim-upbit"
                                    :class="{'layui-show': showPagesAction}" @mouseleave="showPagesAction = false">
                                    <dd @click="closeCurrentTabs(selectedTabsIndex)">
                                        <a href="javascript:void(0)">
                                            <i class="icon-check"></i>关闭当前标签页
                                        </a>
                                    </dd>
                                    <dd @click="closeOtherTabs">
                                        <a href="javascript:void(0)"><i class="icon-minus"></i>关闭其它标签页</a>
                                    </dd>
                                    <dd @click="closeAllTabs">
                                        <a href="javascript:void(0)"><i class="icon-exclamation"></i>关闭全部标签页</a>
                                    </dd>
                                    <dd @click="reLoadCurrentPage">
                                        <a href="javascript:void(0)"><i class='icon-reload'></i>刷新</a>
                                    </dd>

                                </dl>
                            </li>
                            <span class="layui-nav-bar" style="left: 20px; top: 35px; width: 0; opacity: 0;"></span>
                        </ul>
                    </div>

                    <dl v-if="tabDropdownVisible" :style="contextMenuStyle" @mouseleave="tabDropdownVisible = false"
                        @click.stop="tabDropdownVisible = false">
                        <dd @click="closeCurrentTabs(selectedTabsIndex)">
                            <a href="javascript:void(0)"><i class="icon-check"></i>关闭当前标签页</a>
                        </dd>
                        <dd @click="closeOtherTabs"><a href="javascript:void(0)"><i class="icon-minus"></i>关闭其它标签页</a></dd>
                        <dd @click="closeAllTabs">
                            <a href="javascript:void(0)"><i class="icon-exclamation"></i>关闭全部标签页</a>
                        </dd>
                        <dd @click="reLoadCurrentPage"><a href="javascript:void(0)"><i class='icon-reload'></i>刷新</a></dd>
                    </dl>

                    <div class="layui-tab" lay-allowclose="true" lay-filter="g-admin-layout-tabs">
                        <ul class="layui-tab-title" ref="iframe-tabs">
                            <li @click="selectedTabsIndex = -1" :class="{'layui-this':selectedTabsIndex === -1}">
                                <i class="layui-icon layui-icon-home"></i><i class="layui-icon layui-unselect layui-tab-close">ဆ</i><span>基本信息</span>
                            </li>
                            <li v-for="(item,index) in tabsList" @click="selectedTabsIndex = index"
                                :class="{'layui-this':selectedTabsIndex === index}">
                                <span>{{item.name}}</span><i class="layui-icon layui-unselect layui-tab-close"
                                                             @click="closeCurrentTabs(index)">ဆ</i>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- body -->
                <div class="layui-body">
                    <div :class="{'layui-show':selectedTabsIndex === -1}" class="g-admin-tabsbody-item">
                        <iframe :src="selectedTabsIndexUrl" frameborder="0" ref="iframe-home" class="g-admin-iframe"></iframe>
                    </div>
                    <div v-for="(item,index) in tabsList" class="g-admin-tabsbody-item"
                         :class="{'layui-show':index === selectedTabsIndex}">
                        <iframe :src="item.src" frameborder="0" :ref="'iframe-'+index" class="g-admin-iframe"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--layUi layout end-->
    <script src="ThemeData.js" type="text/javascript"></script>
    
    <script src="../../Portal/layui/layui.js" type="text/javascript"></script>

    <!--<script type="text/javascript">
        layui.config({
            base: '../../Scripts/layui/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use('index');
        var loading = layer.load(2, {
            shade: false,
            time: 2000
        });
    </script>-->
    <script src="Ents.js"></script>
    <script src="EntsIndex.js"></script>
    <script src="EntsMenuGlo.js"></script>
    <style id="theme-data"></style>
</body>

</html>
